<template>
  <div>
      <h1 align='center'>职务管理</h1>

      职务名称：<input type="text" placeholder="请输入职务名称"> 职务编码：  <input type="text" placeholder="请输入职务编码">  <button>查询</button> <button>重置</button>
      <p><button>+新增</button> <button>删除</button> <button>导入</button> <button>导出</button></p>
      <table border="1">
        <tr>
          <td>序号</td>
          <td>职务名称</td>
          <td>职务编码</td>
          <td>职务排序</td>
          <td>操作</td>
        </tr>
        <tr v-for="i in list1" :key="i.id">
          <td>{{i.id}}</td>
          <td>{{i.name}}</td>
          <td>{{i.bianm}}</td>
          <td>{{i.paix}}</td>
          <td><span>用户</span>|<span>编辑</span>|<span>删除</span></td>
        </tr>
      </table>
  </div>
</template>

<script>
// import {reactive,ref} from 'vue'
import myaxios from "@/http/axios";
export default {
data(){
  return{
    list1:[]
  }
},
methods:{
  btn_get(){
    myaxios('zhiw','get').then(res=>{
      console.log(res)
      this.list1=res.data.list
      
    })
  }
},
mounted(){
  this.btn_get()
}
}
</script>

<style>

</style>